<!doctype html>
<!--[if lt IE 7]>
<html lang="en" class="no-js ie6"><![endif]-->
<!--[if IE 7]>
<html lang="en" class="no-js ie7"><![endif]-->
<!--[if IE 8]>
<html lang="en" class="no-js ie8"><![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" class="no-js" xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->

<head>
    <meta charset="UTF-8">
    <title>随寻通教育信息品台 快捷高效的沟通桥梁 | 随寻通教育信息平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <link rel="shortcut icon"th:href="@{/favicon.png}">

    <link rel="stylesheet" th:href="@{/css/bootstrap.css}"><link rel="stylesheet" href="css/public.css">

    <link rel="stylesheet" th:href="@{/css/animate.css}">
    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
    <link rel="stylesheet" th:href="@{/css/slick.css}">
    <link rel="stylesheet" th:href="@{/js/rs-plugin/css/settings.css}">
    <link rel="stylesheet" th:href="@{/css/instructions.css}">

    <script type="text/javascript" th:src="@{/js/modernizr.custom.32033.js}"></script><script type="text/javascript" th:src="@{/js/public.js}"></script>

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

<div th:include="template :: header"></div>
<div class="wrapper">

    <section id="screens">
        <div class="container">
            <div class="section-heading scrollpoint sp-effect3">
                <h1>操作指南</h1>
                <div class="divider"></div>
                <p>See what’s included in the App</p>
            </div>
<!--
            <div class="show"><embed id="show_player" width='100%' height='100%'  src='http://player.youku.com/embed/XMzIxNTI4Njk4NA=='></div>-->
            <div class="filter scrollpoint sp-effect3">
                <a href="javascript:void(0)" style="border-radius: 5em 0 0 5em;" class="button js-filter-one active">家长端</a>
                <a href="javascript:void(0)" style="border-radius: 0 5em 5em 0;" class="button js-filter-two">教师端</a>
            </div>
            <div class="slider filtering scrollpoint sp-effect5" >
                <div class="one">
                    <img th:src="@{/img/freeze/screens/profile.jpg}" data-src="http://player.youku.com/embed/XMzM1OTU1MzkwOA==">
                    <h4>Profile Page</h4>
                </div>
                <div class="one">
                    <img th:src="@{/img/freeze/screens/weather.jpg}" data-src="http://player.youku.com/embed/XMzM1OTU1MzkwOA==">
                    <h4>Weather Forcast</h4>
                </div>
                <div class="one">
                    <img th:src="@{/img/freeze/screens/signup.jpg}" data-src="http://player.youku.com/embed/XMzM1OTU1MzkwOA==">
                    <h4>Sign Up</h4>
                </div>
                <div class="one">
                    <img th:src="@{/img/freeze/screens/calendar.jpg}" data-src="http://player.youku.com/embed/XMzM1OTU1MzkwOA==">
                    <h4>Event Calendar</h4>
                </div>
                <div class="two">
                    <img th:src="@{/img/freeze/screens/menu.jpg}" data-src="http://player.youku.com/embed/XMzM1OTU1MzkwOA==">
                    <h4>Toggel Menu</h4>
                </div>
                <div class="two">
                    <img th:src="@{/img/freeze/screens/options.jpg}" data-src="http://player.youku.com/embed/XMzM1OTU1MzkwOA==">
                    <h4>Some Options</h4>
                </div>
                <div class="two">
                    <img th:src="@{/img/freeze/screens/sales.jpg}" data-src="http://player.youku.com/embed/XMzM1OTU1MzkwOA==">
                    <h4>Sales Analysis</h4>
                </div>
                <div class="two">
                    <img th:src="@{/img/freeze/screens/signup.jpg}" data-src="http://player.youku.com/embed/XMzM1OTU1MzkwOA==">
                    <h4>Sign Up</h4>
                </div>
                <div class="two">
                    <img th:src="@{/img/freeze/screens/calendar.jpg}" data-src="http://player.youku.com/embed/XMzM1OTU1MzkwOA==">
                    <h4>Event Calendar</h4>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="container">
            <div id="copyright">
                <p>Copyright©2012随寻教育科技有限公司 版权所有</p>
            </div>
        </div>
    </footer>
</div>
<div id="video" class="video-box video-hidden">
    <div class="main-box">
        <a class='closevideo'></a>
        <div class="video-wrap">
            <div class="bigVideo">
                <div id="video-contral" class="video-contral">
                    <embed src='http://player.youku.com/player.php/Type/Folder/Fid//Ob//sid/XMzM3NzE0MDA2NA==/v.swf' quality='high' align='middle' allowScriptAccess='always' allowFullScreen='true'></embed>
                </div>
            </div>
            <div class="videolist">
                <div class="swiper-container">
                    <button class="swiper-button-prev"><a></a></button>
                    <button class="swiper-button-next"><a></a></button>
                    <div class="swiper-wrapper">
                        <a class="swiper-slide swiper-slideactive" data-src='http://player.youku.com/player.php/sid/XMzM3ODU0Mzc0NA==/v.swf'>
                            <img src='img/video.jpg' />
                            <p>仙居原第一版</p>
                        </a>
                        <a class="swiper-slide" data-src='http://player.youku.com/embed/XMzM4MDAzNzMxNg=='>
                            <img src='img/video.jpg' />
                            <p>仙居原第二版</p>
                        </a>
                        <a class="swiper-slide" data-src='http://player.youku.com/player.php/sid/XMzM3ODU0Mzc0NA==/v.swf'>
                            <img src='img/video.jpg' />
                            <p>仙居原第四版</p>
                        </a>
                        <a class="swiper-slide"  data-src='http://player.youku.com/player.php/Type/Folder/Fid//Ob//sid/XMzM3NzE0MDA2NA==/v.swf'>
                            <img src='img/video.jpg'/>
                            <p>仙居原第五版</p>
                        </a>
                        <a class="swiper-slide" data-src='http://player.youku.com/player.php/sid/XMzM3ODU0Mzc0NA==/v.swf'>
                            <img src='img/video.jpg' />
                            <p>仙居原第六版</p>
                        </a>
                        <a class="swiper-slide"  data-src='http://player.youku.com/embed/XMzM4MDAzNzMxNg=='>
                            <img src='img/video.jpg'/>
                            <p>仙居原第七版</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<script src="js/jquery-1.11.1.min.js"></script>
<!--<script src="http://apps.bdimg.com/libs/jquery/2.0.1/jquery.min.js" ></script>-->
<script src="js/bootstrap.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/placeholdem.min.js"></script>
<script src="js/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
<script src="js/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/layer/layer.js"></script>
<script src="js/instructions.js"></script>

</body>

</html>
